.main {
  display: flex;
  height: 100%;
  width: 100%;
  justify-content: center;
  background: var(--el-bg-color-page);
  align-items: center;

  @include iphone {
    background-image: url("~@/assets/img/bg_login.svg");
    background-repeat: no-repeat;
    background-size: 100%;
  }

  &_login {
    min-width: 200px;
    padding: 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: var(--el-bg-color);
    border-radius: 6px;
    position: relative;

    &_title {
      margin: 0 auto 30px auto;
      text-align: center;
      color: var(--el-input-text-color, var(--el-text-color-regular));
    }
    &_form {
      display: flex;
      flex-direction: column;
      justify-content: center;

      > div {
        margin-bottom: 25px;
      }
    }
  }
}

::v-deep(.cerify-code-panel) {
  display: flex;
  flex-direction: row-reverse;

  .verify-code {
    display: flex;
  }

  .verify-input-area {
    width: auto;
  }
}
